color: $selected_bg_color; //FIXME use a proper color
&:hover, &:active, &:visited {
color: mix($fg_color, $selected_bg_color, 40%); //FIXME same here
+ *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
}
- &:backdrop, &:backdrop:hover {
+ &:backdrop, &:backdrop:hover, &:backdrop:hover:selected {
color: $selected_bg_color;
}
+ &:selected, *:selected & { color: $selected_fg_color; }
}
.button:link, .button:visited {
- color: $selected_bg_color; //FIXME use a proper color
@extend %undecorated_button;
+ @extend *:link;
text-shadow: none;
&:hover, &:active, &:checked {
@extend %undecorated_button;
- color: mix($fg_color, $selected_bg_color, 40%); //FIXME same here
text-shadow: none;
}
&:backdrop {
@extend %undecorated_button; //This shouldn't be needed but avoids
//a weird transition which for some reason
//makes borders blink on hover
- color: $selected_bg_color; //FIXME use a proper color
}
}
background-image: linear-gradient(to bottom, $selected_bg_color);
box-shadow: inset 0 1px mix($top_hilight,$selected_bg_color, 60%);
}
+ .subtitle:link { @extend *:link:selected; }
.button {
@include button(normal, $selected_bg_color, $selected_fg_color, noedge);
&:hover { @include button(hover, $selected_bg_color, $selected_fg_color,
/*********
* Links *
*********/
-*:link {
+*:link, .button:link, .button:visited {
color: #215d9c; }
- *:link:hover, *:link:active, *:link:visited {
+ *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited, *:link:visited, .button:visited {
color: #7397bc; }
- *:link:backdrop, *:link:backdrop:hover {
+ *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited, *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited, *:selected *:link:visited, *:selected .button:visited {
+ color: #d2deeb; }
+ *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, GtkCalendar.selection-mode.header .subtitle:backdrop:hover:link,
+ .header-bar.selection-mode .subtitle:backdrop:hover:link {
color: #215d9c; }
+ *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, GtkCalendar.selection-mode.header .subtitle:link,
+ .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
+ color: #ffffff; }
.button:link, .button:visited {
- color: #215d9c;
text-shadow: none; }
.button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked {
- color: #7397bc;
text-shadow: none; }
- .button:link:backdrop, .button:visited:backdrop {
- color: #215d9c; }
/*****************
* GtkSpinButton *
/*********
* Links *
*********/
-*:link {
+*:link, .button:link, .button:visited {
color: #4a90d9; }
- *:link:hover, *:link:active, *:link:visited {
+ *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited, *:link:visited, .button:visited {
color: #3e6b97; }
- *:link:backdrop, *:link:backdrop:hover {
+ *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited, *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited, *:selected *:link:visited, *:selected .button:visited {
+ color: #dae8f7; }
+ *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, GtkCalendar.selection-mode.header .subtitle:backdrop:hover:link,
+ .header-bar.selection-mode .subtitle:backdrop:hover:link {
color: #4a90d9; }
+ *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, GtkCalendar.selection-mode.header .subtitle:link,
+ .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
+ color: #ffffff; }
.button:link, .button:visited {
- color: #4a90d9;
text-shadow: none; }
.button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked {
- color: #3e6b97;
text-shadow: none; }
- .button:link:backdrop, .button:visited:backdrop {
- color: #4a90d9; }
/*****************
* GtkSpinButton *